<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>网易云阅读--海量新闻、精彩资讯、图书、免费小说、漫画，免费畅读</title>
<meta name="keywords" content="小说，免费小说，热门小说，言情小说，小说下载，漫画，图书，热点新闻，好文章，电子书，免费杂志，网易，阅读，网易云阅读"/>
<meta name="description" content="网易云阅读提供丰富的原创小说、畅销好书、热门新闻和文章免费在线阅读和下载。包括文学、传记、艺术、经济管理，官场小说、都市小说、言情小说，热血漫画，旅游、电影杂志等。手机上支持Android、iPhone、iPad、Android Pad、Windows Phone、Windows8等多平台免费下载！"/>
<meta name="viewport" content="width=device-width"/>
<!-- reset -->
<link rel="stylesheet" href="./css/reset.css"/>
<!--引入function-->
<link rel="stylesheet" href="./css/function.css"/>
<!--引入style-->
<link rel="stylesheet" href="./css/style.css"/>
<link rel="shortcut icon" href="./favicon.ico"/>
<!-- 先不考虑苹果系统 -->
<!-- <link rel="apple-touch-icon" href="img/touchicon.png"/> -->
</head>
<body>
    <!--整个文档-->
<div class="g-doc">
    <!--头部-->
    <div class="g-hd">
        <!-- 顶部固定条 -->
         <div class="m-topbar">
            <div class="inner f-cb">
                    <ul class="sns f-fl f-cb">
                        <li><a href="#">网易云阅读</a></li>
                        <li><span class="sep">|</span></li>
                        <li><a href="#">国风中文网</a></li>
                        <li><span class="sep">|</span></li>
                        <li><a href="#">采薇书院</a></li>
                        <li><span class="sep">|</span></li>
                        <li><a href="#">从电脑上导入书籍</a></li>
                        <li><span class="sep">|</span></li>
                        <li><a href="#" class="gzh">公众号</a>
                            <div class="m-codelayer">
                                <img src="./images/code-gzh.png" alt="gzh" srcset="">
                            </div>
                        </li>
                    </ul>
                 <div class="ulink f-fr f-cb">
                    <span class="layer">
                        <a href="#" class="login">登录</a> 
                            <div class="login-layer">
                          <ul>
                            <li><a href="#" class="childl">网易邮箱登录</a></li>
                            <li><a href="#" class="child2">新浪微博登录</a></li>
                            <li><a href="#" class="child3">手机号登录</a></li>
                            <li><a href="#" class="child4">微信登录</a></li>
                         </ul>
                            </div>
                        </span>
                        <span class="sep">|</span>
                        <a href="#">注册</a> 
                        <span class="sep">|</span>
                        <a href="#">举报</a>
                    </div>
                </div>
         </div>
         <div class="m-headertop">
            <div class="inner f-cb">
                <h1 class="m-logo"><a href="/">网易云阅读</a></h1>
                <!--搜索-->
                <div class="m-sch">
                     <form action=" ">
                        <input type="text" class="s-placeholder" name="key"
                        autocomplete="off" value="唐诗里的烟火人间"  data-reactid=".2.0.0">
                        <button type="submit"></button>
                    </form>
                </div>
                <!--书架-->
                <div class="m-clouds">
                      <a class="m-cloudzx" href="#">我的订阅</a>
                      <a class="m-cloudsj" href="#">我的书架</a>
                </div>
            </div>
         </div>
         <!--头部底部-->
     <div class="m-headerbottom">
         <div class="inner f-cb">
<ul class="m-mianlist">
    <li><a href="#" class="crt">首页</a></li>
    <li><a href="#">出版图书</a></li>
    <li><a href="#">国风中文网</a></li>
    <li><a href="#">采薇书院</a></li>
    <li><a href="#">排行榜</a></li>
    <li class="fr"><a href="#">作者中心</a></li>
    <li class="fr"><a href="#">充值</a></li>
    <li class="fr"><a href="#">客户端</a></li>
</ul>
        </div>
         </div>
    </div>
    <!--主题内容-->
    <div class="g-bd">
        <div class="g-sec f-cb">
            <div class="inner">
                <div class="m-menu">
                    <div class="category">
                        <div class="sub">
                            <h3 class="f1">
                                国风中文网
                            </h3>
                            <p>
                                    <a href="#" class="hot">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#" class="hot">官场职场</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                                    
                             </p>  
                             <p>    
                                    <a href="#">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                            </p>
                        </div>
                    </div>
                    <div class="category">
                        <div class="sub">
                            <h3 class="f1">
                                采薇书院
                            </h3>
                            <p>
                                    <a href="#">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#" class="hot">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                             </p>  
                             <p>    
                                    <a href="#">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#" class="hot">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                            </p>
                        </div>
                    </div>
                    <div class="category">
                        <div class="sub">
                            <h3 class="f1">
                                图书
                            </h3>
                            <p>
                                    <a href="#" class="hot">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#" class="hot">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                             </p>  
                             <p>    
                                    <a href="#">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                                    <span class="sep">|</span>
                                    <a href="#">都市生活</a>
                            </p>
                        </div>
                    </div>
                    <div class="category">
                        <div class="sub">
                            <h3 class="f1">
                                客户端APP下载
                            </h3>
                        <p style="text-align: left;text-indent: 3px;">
                        <span style="color: #c9483c;">新用户全场免费畅读5天</span>
                        </p>
                        <p style="text-align: left;text-indent: 3px;">
                        <span>10w+原创小说</span>
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <span>8w+经典小说</span>
                        </p>
                        </div>
                    </div>
                    
                </div>
                <div class="slider">
                        <img src="./images/zuojiaxiehui.jpg">
                    </div>
            </div>
        </div>
        <div class="g-sec-body">
    <div class="inner">
          <header>
            <h2>主编推荐</h2>
          </header>
          <div class="m-focus">
            <div class="tabs">
                <ul class="f-cb">
                    <li class="crt">
                        <span>小说</span>
                        <span class="sep">|</span>
                        <span>图书</span>
                    </li>
                </ul>
            </div>
            <div class="contents"></div>
          </div>
    </div>
        </div>
        <div class="g-mn">
            
        </div>
        <div class="g-sd">
            
        </div>
    </div>

    
    <div class="g-ft">
        
    </div>
</div>
</body>
</html>